<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // BOM (Browser Object Model) 浏览器对象模型  =>提供了操作浏览器的接口和方法  (举例:页面跳转  历史记录=>前进后退 参数数据队列   设备相关的信息  屏幕相关信息 )

    // window   => 全局对象(所有全局的变量和方法 都存在window中,一般情况下 window可以省略) 
    console.log(window);

    // var a = 1;
    // var b = 2;
    // function fn(){
    //     console.log("hello",this);
    // }


    // window.alert(123123);
    // window.getComputedStyle()
    // window.String();

    // console.log(window.a);
    // console.log(window["b"]);
    // window.fn();

    // name   全局作用域中是window.name => 窗口的名称(只能存储字符串类型  其他类型会隐式转化为字符串)
    // var name = "hello";
    // var name = "100";
    // var name = "true";
    // var name = [1,2,3,4];  //1,2,3,4
    // var name = {a:1,b:2};  //'[object Object]'
    // console.log(name);


</script>
</html>